<template >
  <div class="container animated bounceInLeft">
    <el-container>
      <el-header>
        <v-h />
      </el-header>
      <el-container class="containerMain">
        <el-aside width="200px">
          <v-a />
        </el-aside>
        <el-main>
          <v-m />
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import vH from "@h/header.vue";
import vA from "@h/aside.vue";
import vM from "@h/main.vue";

export default {
  components: { vH, vA, vM },
  setup(props) {
 
  }
 
};
</script>
<style lang="less" scoped>
.container {
  width: 100%;
  height: 100%;
  background-color: #eee;
  .containerMain {
    height: calc(100vh - 60px);
  }
}
</style>